<!--
 * @Author: chunlai
 * @Date: 2023-12-13 09:31:18
 * @LastEditTime: 2025-11-19 15:52:13
 * @LastEditors: minsheng_insurance_agency_zhoucl
 * @FilePath: \01.latest-short-insure\src\views\form\components\ocr\OcrMsgs.vue
 * @Description: 识别出来的信息
-->
<template>
  <div class="msg-list">
    <template v-if="type == '1'">
      <p v-if="msg.name">姓名：{{ msg.name }}</p>
      <p v-if="msg.idNum">身份证号： {{ msg.idNum }}</p>
      <p v-if="msg.sexName">性别：{{ msg.sexName }}</p>
      <p v-if="msg.birthDate">出生日期：{{ msg.birthDate }}</p>
    </template>
    <template v-else-if="type == '2'">
      <p v-if="msg.bankCodename">开户银行：{{ msg.bankCodename }}</p>
      <p v-if="msg.bankAccNo">银行卡号：{{ msg.bankAccNo }}</p>
    </template>
    <template v-else-if="type == '3'">
      <p v-if="msg.validDate">有效期起期：{{ msg.validDate }}</p>
      <p v-if="msg.validDateEnd">有效期止期：{{ msg.validDateEnd }}</p>
    </template>
  </div>
</template>

<script>
export default {
  name: "OcrMsgs",
  props: {
    msg: {
      type: Object,
      default: () => {},
    },
    type: {
      type: String,
      default: () => "1",
    },
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="less" scoped>
.msg-list {
  flex: 1;
  padding-top: 10px;
  padding-left: 6px;
  font-size: 12px;
  line-height: 1.8;
}
</style>
